import { createRouter, createWebHistory } from 'vue-router';
import MainLayout from '../layouts/MainLayout.vue';
import DelegationList from '../components/DelegationList.vue';
import Select from '../components/Select.vue';
import Wallet from '../components/Wallet.vue';
import Receive from '../components/Receive.vue';
import SendPackage from '../components/SendPackage.vue';
import BasicDetail from '../components/BasicDetail.vue';
import Setting from '../components/Setting.vue';
import MessageList from '../components/MessageList.vue'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/',
      component: MainLayout,
      children: [
        {
          path: '',
          component: DelegationList
        }
      ]
    },
    {
      path: '/select',
      component: Select
    },
    {
      path: '/setting',
      component: Setting
    },        {
      path: '/BasicDetail',
      component: BasicDetail
    },
    {
      path: '/Wallet',
      component: Wallet
    },
    {
      path: '/Receive',
      component: Receive
    },
    {
      path: '/SendPackage',
      component: SendPackage
    },
    {
      path: '/MessageList',
      name: 'MessageList',
      component: MessageList
    }
  ]
});

export default router;